<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>陈智富的简历</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <!-- 导航菜单 -->
    <nav id="navbar">
        <ul>
            <li><a href="#header"><i class="fas fa-home"></i>首页</a></li>
            <li><a href="#education"><i class="fas fa-graduation-cap"></i>教育背景</a></li>
            <li><a href="#skills"><i class="fas fa-laptop-code"></i>技能专长</a></li>
            <li><a href="#projects"><i class="fas fa-project-diagram"></i>项目经验</a></li>
            <li><a href="#awards"><i class="fas fa-trophy"></i>获奖情况</a></li>
            <li><a href="#about"><i class="fas fa-user"></i>自我评价</a></li>
        </ul>
    </nav>

    <!-- 首页 -->
    <header id="header">
        <div class="container">
            <div class="profile">
                <img src="czf.jpg" alt="czf的个人照片" class="profile-img">
                <h1>陈智富</h1>
                <p class="title">Java开发工程师</p>
            </div>
            <div class="contact-info">
                <p><i class="fas fa-phone"></i> 19943357003</p>
                <p><i class="fas fa-envelope"></i> <a href="mailto:2548659137@qq.com">2548659137@qq.com</a></p>
                <p><i class="fab fa-github"></i> <a href="https://github.com/zhangsan" target="_blank">github.com/czf</a></p>
                <p><i class="fas fa-map-marker-alt"></i> 广西博白</p>
            </div>
        </div>
    </header>

    <div class="container">
        <!-- 教育背景 -->
        <section id="education" class="section">
            <h2 onclick="toggleSection('education-content')"><i class="fas fa-graduation-cap"></i>教育背景</h2>
            <div id="education-content" class="content">
                <div class="education-item">
                    <h3>海南经贸职业技术学院 <span class="date">2019.09 - 2023.06</span></h3>
                    <p class="major">软件技术专业 | 全日制专科</p>
                    <div class="courses">
                        <p><strong>主修课程:</strong></p>
                        <ul>
                            <li>Java编程 </li>
                            <li>数据库原理与应用 </li>
                            <li>Web开发技术 </li>
                            <li>数据结构与算法 </li>
                            <li>软件工程 </li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>

        <!-- 技能专长 -->
        <section id="skills" class="section">
            <h2 onclick="toggleSection('skills-content')"><i class="fas fa-laptop-code"></i>技能专长</h2>
            <div id="skills-content" class="content">
                <div class="skills-container">
                    <div class="skill-category">
                        <h3>编程语言</h3>
                        <ul>
                            <li>Java <span class="skill-level">(精通)</span></li>
                            <li>Python <span class="skill-level">(熟练)</span></li>
                            <li>JavaScript <span class="skill-level">(熟练)</span></li>
                            <li>SQL <span class="skill-level">(熟练)</span></li>
                        </ul>
                    </div>
                    
                    <div class="skill-category">
                        <h3>后端技术</h3>
                        <ul>
                            <li>Spring Boot/Spring MVC</li>
                            <li>MyBatis/Hibernate</li>
                            <li>RESTful API设计</li>
                            <li>Maven/Gradle</li>
                            <li>微服务架构</li>
                        </ul>
                    </div>
                    
                    <div class="skill-category">
                        <h3>数据库</h3>
                        <ul>
                            <li>MySQL/Oracle</li>
                            <li>Redis</li>
                            <li>MongoDB</li>
                            <li>Elasticsearch</li>
                        </ul>
                    </div>
                    
                    <div class="skill-category">
                        <h3>前端技术</h3>
                        <ul>
                            <li>HTML5/CSS3</li>
                            <li>JavaScript/jQuery</li>
                            <li>Vue.js基础</li>
                            <li>Bootstrap</li>
                        </ul>
                    </div>
                    
                    <div class="skill-category">
                        <h3>开发工具</h3>
                        <ul>
                            <li>Git版本控制</li>
                            <li>Linux服务器</li>
                            <li>Docker基础</li>
                            <li>Jenkins CI/CD</li>
                            <li>JUnit测试</li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>

        <!-- 项目经验 -->
        <section id="projects" class="section">
            <h2 onclick="toggleSection('projects-content')"><i class="fas fa-project-diagram"></i>项目经验</h2>
            <div id="projects-content" class="content">
                <div class="project-item">
                    <div class="project-header">
                        <h3>在线图书管理系统</h3>
                        <span class="project-date">2022.03 - 2022.06</span>
                    </div>
                    <p class="project-description"><strong>项目描述:</strong> 基于Spring Boot和MySQL开发的图书管理系统，实现了图书管理、用户管理、借阅归还、数据统计等功能模块，采用RBAC权限控制模型。</p>
                    <p class="project-role"><strong>个人职责:</strong></p>
                    <ul>
                        <li>负责系统架构设计和数据库设计，使用PowerDesigner完成ER图</li>
                        <li>使用Spring Security实现用户认证和授权功能</li>
                        <li>开发RESTful API接口，使用Swagger生成接口文档</li>
                        <li>优化SQL查询，将关键查询响应时间从500ms降低到100ms以内</li>
                        <li>使用Redis缓存热门图书信息，减少数据库压力</li>
                    </ul>
                    <p class="project-tech"><strong>技术栈:</strong> Java, Spring Boot, MySQL, Redis, MyBatis, HTML5, CSS3, JavaScript</p>
                    <p class="project-achievement"><strong>项目成果:</strong> 系统被学校图书馆采用，日均访问量200+，稳定运行6个月无重大故障。</p>
                </div>
                
                <div class="project-item">
                    <div class="project-header">
                        <h3>个人博客网站</h3>
                        <span class="project-date">2021.09 - 2021.12</span>
                    </div>
                    <p class="project-description"><strong>项目描述:</strong> 全栈开发的个人技术博客，支持Markdown编辑、文章分类、评论互动、用户注册登录等功能。</p>
                    <p class="project-role"><strong>个人职责:</strong></p>
                    <ul>
                        <li>使用Django框架搭建后端服务，设计RESTful API</li>
                        <li>实现Markdown编辑器与解析功能</li>
                        <li>使用Nginx+Gunicorn部署到阿里云ECS服务器</li>
                        <li>使用Let's Encrypt配置HTTPS安全访问</li>
                        <li>实现文章分类、标签系统和搜索功能</li>
                    </ul>
                    <p class="project-tech"><strong>技术栈:</strong> Python, Django, MySQL, HTML5, CSS3, JavaScript, Nginx</p>
                    <p class="project-achievement"><strong>项目成果:</strong> 累计发表技术文章30+篇，获得500+次访问，被学校评为优秀毕业设计。</p>
                </div>
                
                <div class="project-item">
                    <div class="project-header">
                        <h3>校园二手交易平台(团队项目)</h3>
                        <span class="project-date">2020.11 - 2021.03</span>
                    </div>
                    <p class="project-description"><strong>项目描述:</strong> 校园内二手商品交易平台，包含商品发布、搜索、聊天、支付等功能。</p>
                    <p class="project-role"><strong>个人职责:</strong></p>
                    <ul>
                        <li>参与需求分析和系统设计</li>
                        <li>负责商品搜索模块开发，实现基于Elasticsearch的全文检索</li>
                        <li>协助完成用户认证模块</li>
                        <li>优化搜索性能，将响应时间从1.5秒降低到300毫秒</li>
                        <li>编写单元测试，确保模块稳定性</li>
                    </ul>
                    <p class="project-tech"><strong>技术栈:</strong> Java, Spring Boot, MySQL, Elasticsearch, Vue.js</p>
                    <p class="project-achievement"><strong>项目成果:</strong> 平台上线后注册用户达1000+，完成交易300+笔。</p>
                </div>
            </div>
        </section>

        <!-- 获奖情况 -->
        <section id="awards" class="section">
            <h2 onclick="toggleSection('awards-content')"><i class="fas fa-trophy"></i>获奖情况</h2>
            <div id="awards-content" class="content">
                <ul class="awards-list">
                    <li>
                        <span class="award-name">2022年校级编程大赛一等奖</span>
                        <span class="award-date">2022.05</span>
                        <p class="award-desc">在全校200+参赛者中脱颖而出，作品"智能排课系统"获评委一致好评</p>
                    </li>
                    <li>
                        <span class="award-name">2021年国家励志奖学金</span>
                        <span class="award-date">2021.11</span>
                        <p class="award-desc">奖励学习成绩优秀、综合素质突出的学生，全校前5%获得</p>
                    </li>
                    <li>
                        <span class="award-name">优秀学生干部</span>
                        <span class="award-date">2020.12</span>
                        <p class="award-desc">担任班级学习委员期间工作认真负责，获此荣誉</p>
                    </li>
                    <li>
                        <span class="award-name">Java认证工程师</span>
                        <span class="award-date">2020.08</span>
                        <p class="award-desc">通过Oracle Certified Professional Java Programmer认证</p>
                    </li>
                </ul>
            </div>
        </section>

        <!-- 自我评价 -->
        <section id="about" class="section">
            <h2 onclick="toggleSection('about-content')"><i class="fas fa-user"></i>自我评价</h2>
            <div id="about-content" class="content">
                <ul class="self-evaluation">
                    <li>扎实的Java基础，熟悉JVM原理、多线程编程和常用设计模式，能够编写高效、可维护的代码</li>
                    <li>良好的编码习惯，注重代码质量和可维护性，坚持编写单元测试和文档注释</li>
                    <li>强烈的求知欲和学习能力，每周投入10+小时学习新技术，关注行业发展趋势</li>
                    <li>优秀的团队协作能力，在3个团队项目中担任核心开发角色，能够有效沟通协作</li>
                    <li>积极主动的工作态度，能够承担压力并按时交付高质量成果，具备解决问题的能力</li>
                    <li>良好的沟通表达能力，能够清晰阐述技术方案和项目进展，善于总结和分享</li>
                </ul>
                
                <div class="hobbies">
                    <h3>兴趣爱好</h3>
                    <p>技术博客写作(个人博客每月更新2-3篇)、开源项目贡献(Github活跃用户)、羽毛球(校队成员)、阅读(年均20+本技术书籍，包括《Effective Java》《深入理解Java虚拟机》等)</p>
                </div>
            </div>
        </section>
    </div>

    <!-- 页脚 -->
    <footer>
        <p>© 2023 czf. 版权所有 | 最后更新: 2023年6月</p>
        <p>期待与您共事！<a href="mailto:2548659137@qq.com">2548659137@qq.com</a> | <a href="tel:19943357003">19943357003</a></p>
    </footer>

    <!-- JavaScript -->
    <script src="script.js"></script>
</body>
</html>